<!DOCTYPE html>
<html  lang="en">
<head>
    <meta charset="utf-8">
<title>Vimrc配置 - noback</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />



    <meta name="description" content="配置NERDtree配置&quot; ---------------------文件树 &quot; \&quot;表示注视 &quot; 关闭NERDTree快捷键 map &lt;leader&gt;t :NERDTreeToggle&lt;CR&gt; &quot; 当NERDTree为剩下的唯一窗口时自动关闭 autocmd bufenter * if (winnr(&quot;$&amp;quo">
<meta property="og:type" content="article">
<meta property="og:title" content="Vimrc配置">
<meta property="og:url" content="http://alpaca-h.gitee.io/2019/12/29/blog_back_new/%E8%AE%BE%E5%A4%87/%E8%BD%AF%E4%BB%B6%E9%85%8D%E7%BD%AE/vimrc%E9%85%8D%E7%BD%AE/index.html">
<meta property="og:site_name" content="noback">
<meta property="og:description" content="配置NERDtree配置&quot; ---------------------文件树 &quot; \&quot;表示注视 &quot; 关闭NERDTree快捷键 map &lt;leader&gt;t :NERDTreeToggle&lt;CR&gt; &quot; 当NERDTree为剩下的唯一窗口时自动关闭 autocmd bufenter * if (winnr(&quot;$&amp;quo">
<meta property="og:locale" content="en_US">
<meta property="og:image" content="http://alpaca-h.gitee.io/images/og_image.png">
<meta property="article:published_time" content="2019-12-29T05:10:52.000Z">
<meta property="article:modified_time" content="2019-12-29T05:14:23.407Z">
<meta property="article:author" content="Alpaca">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="http://alpaca-h.gitee.io/images/og_image.png">







<link rel="icon" href="/images/favicon.svg">


<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.7.2/css/bulma.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu:400,600|Source+Code+Pro">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@9.12.0/styles/androidstudio.css">


    
    
    
    <style>body>.footer,body>.navbar,body>.section{opacity:0}</style>
    

    
    
    
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery@1.6.8/dist/css/lightgallery.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/css/justifiedGallery.min.css">
    

    
    

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/outdatedbrowser@1.1.5/outdatedbrowser/outdatedbrowser.min.css">


    
    
    
    

<link rel="stylesheet" href="/css/back-to-top.css">


    
    

    
    
    
    

    
    
<link rel="stylesheet" href="/css/progressbar.css">
<script src="https://cdn.jsdelivr.net/npm/pace-js@1.0.2/pace.min.js"></script>

    
    
    

    
    
    
        <script async="" src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    

    


<link rel="stylesheet" href="/css/style.css">
<meta name="generator" content="Hexo 4.2.0"><link rel="alternate" href="/atom.xml" title="noback" type="application/atom+xml">
</head>
<body class="is-3-column">
    <nav class="navbar navbar-main">
    <div class="container">
        <div class="navbar-brand is-flex-center">
            <a class="navbar-item navbar-logo" href="/">
            
                <img src="/images/logo.svg" alt="Vimrc配置" height="28">
            
            </a>
        </div>
        <div class="navbar-menu">
            
            <div class="navbar-start">
                
                <a class="navbar-item"
                href="/">Home</a>
                
                <a class="navbar-item"
                href="/archives/">Archives</a>
                
                <a class="navbar-item"
                href="/categories/">Categories</a>
                
                <a class="navbar-item"
                href="/tags/">Tags</a>
                
                <a class="navbar-item"
                href="/about/">About</a>
                
            </div>
            
            <div class="navbar-end">
                
                    
                    
                    <a class="navbar-item" target="_blank" title="AlphaLxy GitHub" href="https://www.github.com/AlphaLxy">
                        
                        <i class="fab fa-github"></i>
                        
                    </a>
                    
                
                
                <a class="navbar-item is-hidden-tablet catalogue" title="Catalogue" href="javascript:;">
                    <i class="fas fa-list-ul"></i>
                </a>
                
                
                <a class="navbar-item search" title="Search" href="javascript:;">
                    <i class="fas fa-search"></i>
                </a>
                
            </div>
        </div>
    </div>
</nav>
    
    <section class="section">
        <div class="container">
            <div class="columns">
                <div class="column is-8-tablet is-8-desktop is-9-widescreen has-order-2 column-main"><div class="card">
    
    <div class="card-content article ">
        <h1 class="title is-size-3 is-size-4-mobile has-text-weight-normal">
            
                <i class="fas fa-angle-double-right"></i>Vimrc配置
            
        </h1>
        
        <div class="level article-meta is-size-7 is-uppercase is-mobile is-overflow-x-auto">
            <div class="level-left">
                <time class="level-item has-text-grey" datetime="2019-12-29T05:10:52.000Z"><i class="far fa-calendar-alt">&nbsp;</i>2019-12-29</time>
                
                <time class="level-item has-text-grey is-hidden-mobile" datetime="2019-12-29T05:14:23.407Z"><i class="far fa-calendar-check">&nbsp;</i>2019-12-29</time>
                
                
                <div class="level-item">
                <i class="far fa-folder-open has-text-grey"></i>&nbsp;
                <a class="has-link-grey -link" href="/categories/blog-back-new/">blog_back_new</a>&nbsp;/&nbsp;<a class="has-link-grey -link" href="/categories/blog-back-new/%E8%AE%BE%E5%A4%87/">设备</a>
                </div>
                
                
                <span class="level-item has-text-grey">
                    <i class="far fa-clock"></i>&nbsp;
                    
                    
                    10 minutes read (About 1570 words)
                </span>
                
                
                <span class="level-item has-text-grey" id="busuanzi_container_page_pv">
                    <i class="far fa-eye"></i>
                    <span id="busuanzi_value_page_pv">0</span> visits
                </span>
                
            </div>
        </div>
        
        <div class="content">
            <h1 id="配置"><a href="#配置" class="headerlink" title="配置"></a>配置</h1><h2 id="NERDtree配置"><a href="#NERDtree配置" class="headerlink" title="NERDtree配置"></a>NERDtree配置</h2><pre><code class="bash">&quot; ---------------------文件树
&quot; \&quot;表示注视
&quot; 关闭NERDTree快捷键
map &lt;leader&gt;t :NERDTreeToggle&lt;CR&gt;
&quot; 当NERDTree为剩下的唯一窗口时自动关闭
autocmd bufenter * if (winnr(&quot;$&quot;) == 1 &amp;&amp; exists(&quot;b:NERDTree&quot;) &amp;&amp; b:NERDTree.isTabTree()) | q | endif
&quot; 修改树的显示图标
let g:NERDTreeDirArrowExpandable = &#39;►&#39;
let g:NERDTreeDirArrowCollapsible = &#39;▼&#39;
let NERDTreeAutoCenter=1

&quot; 显示行号
let NERDTreeShowLineNumbers=1
&quot; 是否显示隐藏文件
let NERDTreeShowHidden=1
&quot; 设置宽度
let NERDTreeWinSize=25
&quot; 在终端启动vim时，共享NERDTree
let g:nerdtree_tabs_open_on_console_startup=1
&quot; 忽略一下文件的显示
let NERDTreeIgnore=[&#39;\.pyc&#39;,&#39;\~$&#39;,&#39;\.swp&#39;]
let g:NERDTreeIndicatorMapCustom = {
    \ &quot;Modified&quot;  : &quot;✹&quot;,
    \ &quot;Staged&quot;    : &quot;✚&quot;,
    \ &quot;Untracked&quot; : &quot;✭&quot;,
    \ &quot;Renamed&quot;   : &quot;➜&quot;,
    \ &quot;Unmerged&quot;  : &quot;═&quot;,
    \ &quot;Deleted&quot;   : &quot;✖&quot;,
    \ &quot;Dirty&quot;     : &quot;✗&quot;,
    \ &quot;Clean&quot;     : &quot;✔︎&quot;,
    \ &#39;Ignored&#39;   : &#39;☒&#39;,
    \ &quot;Unknown&quot;   : &quot;?&quot;
    \ }
&quot; 打开NERDTree的快捷键设置为F6
map &lt;F6&gt; :NERDTreeToggle&lt;CR&gt;</code></pre>
<h2 id="tmux配置"><a href="#tmux配置" class="headerlink" title="tmux配置"></a>tmux配置</h2><h3 id="安装Tumx"><a href="#安装Tumx" class="headerlink" title="安装Tumx"></a>安装Tumx</h3><pre><code class="bash"># 先安装Homebrew，有则跳过
ruby -e &quot;$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)&quot;
# 安装tmux
brew install tmux</code></pre>
<p>tmux的配置文件在～/.tmux.conf<br>退出tmux后生成配置 source .tmux.conf</p>
<h3 id="tmux简介"><a href="#tmux简介" class="headerlink" title="tmux简介"></a>tmux简介</h3><p>对于tmux来说,最好能了解一些概念,在tmux中,一共分为 窗口（windows)，会话(session) 以及 面板(pane)三块内容,</p>
<h3 id="tumx-使用指南（会话篇）"><a href="#tumx-使用指南（会话篇）" class="headerlink" title="tumx 使用指南（会话篇）"></a>tumx 使用指南（会话篇）</h3><pre><code class="bash">tumx # 新建一个无名称的会话
tmux new -s demo  # (-s -session) 新建一个名称为demo的会话

tmux detach # 断开当前会话，会话在后台运行

tmux ls # 查看当前会话列表
tmux a # 默认进入第一个会话
tmux a -t demo # 进入到名称为demo的会话 (-t -tmux)

tmux kill-session -t demo #关闭demo会话
tmux kill-server # 关闭服务器，即所有的会话都将关闭

tmux ls # 查看所有会话
</code></pre>
<h3 id="tmux使用指南（窗口篇）"><a href="#tmux使用指南（窗口篇）" class="headerlink" title="tmux使用指南（窗口篇）"></a>tmux使用指南（窗口篇）</h3><pre><code class="bash">c-b  d # 断开当前窗口，后台运行
c-b  s # 在当前窗口打来其他正在运行的tmux
c-b  ? # 显示快捷键帮助文档
c-b  d # 断开当前会话
c-b  c+z # 挂起当前会话
c-b  r # 强制重载当前会话
c-b  s # 显示会话列表用于选择并切换
c-b  [ # 进入复制模式 按q退出
c-b  ] # 粘贴复制模式中的文本


c-b  c # 新建窗口
c-b  &amp; # 关闭当前窗口 需要输入y n 确认
c-b  0~9 # 切换到指定窗口
c-b  p # 切换到指定窗口
c-b  n # 切换到下一个窗口
c-b  w # 打开窗口列表，用于切换窗口
c-b  , # 重命名当前窗口
c-b  . # 修改当前窗口编号
c-b  f # 快速定位到窗口</code></pre>
<p><strong>Tmux使用手册地址：<a href="http://louiszhai.github.io/2017/09/30/tmux/" target="_blank" rel="noopener">http://louiszhai.github.io/2017/09/30/tmux/</a></strong></p>
<p>还需要在记录一下</p>
<h3 id="tmux美化篇"><a href="#tmux美化篇" class="headerlink" title="tmux美化篇"></a>tmux美化篇</h3><h3 id="tumx配置篇"><a href="#tumx配置篇" class="headerlink" title="tumx配置篇"></a>tumx配置篇</h3><p>首先tmux默认将作为启动功能的前缀按键，当然我们可以自定义修改这个前缀按键，具体配置可以参照下面的配置文件</p>
<h3 id="常用按键"><a href="#常用按键" class="headerlink" title="常用按键"></a>常用按键</h3><p>在具体配置之前我们先来了解一下tmux常用按键,这里我已经把前缀按键替换成了c-z</p>
<pre><code class="bash"># 常用按键
c-z ？显示快捷键帮助
c-z c-o 调换窗口位置
c-z space 采用上下布局或左右布局
c-z u 纵向分割窗口
c-z v 横向分割窗口
c-z q 显示分割窗口的编号
c-z hjkl 上下左右选择窗口
c-z c 创建新窗口
c-z 0-9 选择几号窗口
c-z n 切换下一个窗口
c-z p 选择前一个窗口
c-z w 以菜单方式显示及选择窗口
c-z t 显示时钟
c-z x 关闭面板
c-z d 退出当前窗口，丢到缓存 , tmux a 进入指定会话
c-z s 以菜单形式显示和选择会话

c-z $ 修改当前会话名字

tmux new -s xxx 创建并指定session名字
tmux ls 列出session
tmux a -t xxx进入已经在的session
tmux kill-session -t session_name 删除指定session

</code></pre>
<h3 id="具体配置"><a href="#具体配置" class="headerlink" title="具体配置"></a>具体配置</h3><pre><code class="bash"># Tumx配置文件
# from hzj

# remap prefix from &#39;C-b&#39; to &#39;C-a&#39;
# 修改前缀权限
unbind C-b     # 取消Ctrl-B
set -g prefix C-z #  添加Ctrl-z
bind-key C-z send-prefix  绑定ctrl+z为新的前缀

# split panes using | and -
# 使用c-u c-v分割面板
bind u split-window -h
bind v split-window -v
unbind &#39;&quot;&#39;
unbind %

# 使用c-(hijk)选择面板
bind h select-pane -L
bind l select-pane -R
bind j select-pane -D
bind k select-pane -U

bind-key e setw synchronize-panes

# Set the default terminal mode to 256color mode
set -g default-terminal &quot;screen-256color&quot;

# Set scrollback buffer to 10000
set -g history-limit 10000


# resize pane
bind -r ^k resizep -U 10 # upward (prefix Ctrl+k)
bind -r ^j resizep -D 10 # downward (prefix Ctrl+j)
bind -r ^h resizep -L 10 # to the left (prefix Ctrl+h)
bind -r ^l resizep -R 10 # to the right (prefix Ctrl+l)

# app
# htop (prefix !)
bind ! splitw htop

# python 
bind / command-prompt &quot;splitw &#39;exec python3 %%&#39;&quot;

# reload config (prefix r)
bind r source ~/.tmux.conf \; display &quot;Configuration reloaded!&quot;

#-- statusbar --#
set -g status-interval 1
set -g status-keys vi

setw -g mode-keys vi
setw -g automatic-rename off

#-- colorscheme --#
#https://github.com/daethorian/conf-tmux/blob/master/colors/zenburn.conf


# mouse
# 支持鼠标
set-option -g mouse on 

# 支持复制粘贴连续到剪切板
bind C-c run &quot;tmux save-buffer - | reattach-to-user-namespace pbcopy&quot;
bind C-v run &quot;reattach-to-user-namespace pbpaste | tmux load-buffer - \; paste-buffer&quot;
bind-key -T copy-mode-vi &#39;y&#39; send-keys -X copy-pipe-and-cancel &#39;reattach-to-user-namespace pbcopy&#39;bind-key -T copy-mode-vi MouseDragEnd1Pane send -X copy-pipe-and-cancel &quot;pbcopy&quot;

set -g status-utf8 on # 状态栏支持utf8
set -g status-interval 1 # 状态栏刷新时间
set -g status-justify left # 状态栏列表左对齐
setw -g monitor-activity on # 非当前窗口有内容更新时在状态栏通知

set -g status-bg black # 设置状态栏背景黑色
set -g status-fg yellow # 设置状态栏前景黄色
set -g status-style &quot;bg=black, fg=yellow&quot; # 状态栏前景背景色

set -g status-left &quot;#[bg=#FF661D] ❐ #S &quot; # 状态栏左侧内容
set -g status-right &#39;Continuum status: #{continuum_status}&#39; # 状态栏右侧内容
set -g status-left-length 300 # 状态栏左边长度300
set -g status-right-length 500 # 状态栏左边长度500

set -wg window-status-format &quot; #I #W &quot; # 状态栏窗口名称格式
set -wg window-status-current-format &quot; #I:#W#F &quot; # 状态栏当前窗口名称格式(#I：序号，#w：窗口名称，#F：间隔符)
set -wg window-status-separator &quot;&quot; # 状态栏窗口名称之间的间隔
set -wg window-status-current-style &quot;bg=red&quot; # 状态栏当前窗口名称的样式
set -wg window-status-last-style &quot;fg=red&quot; # 状态栏最后一个窗口名称的样式

set -g message-style &quot;bg=#202529, fg=#91A8BA&quot; # 指定消息通知的前景、后景色
set -g default-terminal &quot;screen-256color&quot;</code></pre>

        </div>
        
            <ul class="post-copyright">
            <li><strong>本文标题：</strong><a href="http://alpaca-h.gitee.io/2019/12/29/blog_back_new/%E8%AE%BE%E5%A4%87/%E8%BD%AF%E4%BB%B6%E9%85%8D%E7%BD%AE/vimrc%E9%85%8D%E7%BD%AE/">Vimrc配置</a></li>
            <li><strong>本文作者：</strong><a href="http://alpaca-h.gitee.io">Alpaca</a></li>
            <li><strong>本文链接：</strong><a href="http://alpaca-h.gitee.io/2019/12/29/blog_back_new/%E8%AE%BE%E5%A4%87/%E8%BD%AF%E4%BB%B6%E9%85%8D%E7%BD%AE/vimrc%E9%85%8D%E7%BD%AE/">http://alpaca-h.gitee.io/2019/12/29/blog_back_new/%E8%AE%BE%E5%A4%87/%E8%BD%AF%E4%BB%B6%E9%85%8D%E7%BD%AE/vimrc%E9%85%8D%E7%BD%AE/</a></li>
            <li><strong>发布时间：</strong>2019-12-29</li>
            <li><strong>版权声明：</strong>本博客所有文章除特别声明外，均采用 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" rel="external nofollow" target="_blank">CC BY-NC-SA 4.0</a> 许可协议。转载请注明出处！
            </li>
            </ul>
        
        
        
        
    </div>
</div>





<div class="card card-transparent">
    <div class="level post-navigation is-flex-wrap is-mobile">
        
        <div class="level-start">
            <a class="level level-item has-link-grey  article-nav-prev" href="/2019/12/29/blog_back_new/%E8%AE%BE%E5%A4%87/%E8%BD%AF%E4%BB%B6%E9%85%8D%E7%BD%AE/%E8%BD%AF%E4%BB%B6%E9%85%8D%E7%BD%AE/">
                <i class="level-item fas fa-chevron-left"></i>
                <span class="level-item">软件配置</span>
            </a>
        </div>
        
        
        <div class="level-end">
            <a class="level level-item has-link-grey  article-nav-next" href="/2019/12/29/blog_back_new/%E6%89%A9%E5%B1%95/linux%E5%B0%B1%E8%AF%A5%E8%BF%99%E4%B9%88%E5%AD%A6%E7%AC%94%E8%AE%B0/">
                <span class="level-item">linux就该这么学</span>
                <i class="level-item fas fa-chevron-right"></i>
            </a>
        </div>
        
    </div>
</div>



</div>
                




<div class="column is-4-tablet is-4-desktop is-3-widescreen  has-order-1 column-left ">
    
        
<div class="card widget">
    <div class="card-content">
        <nav class="level" style="margin-bottom:1rem">
            <div class="level-item has-text-centered">
                <div>
                    
                        <img class="image is-96x96 has-mb-6" src="https://www.gravatar.com/avatar/e0f4032c0f2d1068ffffbaf93c0bef52?s=96" alt="Xinyu Liu">
                    
                    
                    <p class="is-size-4 is-block">
                        Xinyu Liu
                    </p>
                    
                    
                    <p class="is-size-6 is-block">
                        Alpha Lxy
                    </p>
                    
                    
                    <p class="is-size-6 is-flex is-flex-center has-text-grey">
                        <i class="fas fa-map-marker-alt has-mr-7"></i>
                        <span>Beijing, China</span>
                    </p>
                    
                </div>
            </div>
        </nav>
        <nav class="level menu-list is-mobile" style="margin-bottom:1rem">
            <div class="level-item has-text-centered is-marginless">
                <a href="/archives/">
                    <p class="heading">
                        Posts
                    </p>
                    <p class="title has-text-weight-normal">
                        40
                    </p>
                </a>
            </div>
            <div class="level-item has-text-centered is-marginless">
                <a href="/categories/">
                    <p class="heading">
                        Categories
                    </p>
                    <p class="title has-text-weight-normal">
                        13
                    </p>
                </a>
            </div>
            <div class="level-item has-text-centered is-marginless">
                <a href="/tags/">
                    <p class="heading">
                        Tags
                    </p>
                    <p class="title has-text-weight-normal">
                        0
                    </p>
                </a>
            </div>
        </nav>
        <div class="level">
            <a class="level-item button is-link is-rounded" href="https://www.github.com/AlphaLxy" target="_blank">
                <i class="fab fa-github"></i>&nbsp;&nbsp;Follow</a>
        </div>
        
        
    </div>
</div>

    
        
<div class="card widget column-left is-sticky" id="toc">
    <div class="card-content">
        <div class="menu">
            <h3 class="menu-label">
                Catalogue
            </h3>
            <ul class="menu-list"><li>
        <a class="is-flex" href="#配置">
        <span class="has-mr-6">1</span>
        <span>配置</span>
        </a><ul class="menu-list"><li>
        <a class="is-flex" href="#NERDtree配置">
        <span class="has-mr-6">1.1</span>
        <span>NERDtree配置</span>
        </a></li><li>
        <a class="is-flex" href="#tmux配置">
        <span class="has-mr-6">1.2</span>
        <span>tmux配置</span>
        </a><ul class="menu-list"><li>
        <a class="is-flex" href="#安装Tumx">
        <span class="has-mr-6">1.2.1</span>
        <span>安装Tumx</span>
        </a></li><li>
        <a class="is-flex" href="#tmux简介">
        <span class="has-mr-6">1.2.2</span>
        <span>tmux简介</span>
        </a></li><li>
        <a class="is-flex" href="#tumx-使用指南（会话篇）">
        <span class="has-mr-6">1.2.3</span>
        <span>tumx 使用指南（会话篇）</span>
        </a></li><li>
        <a class="is-flex" href="#tmux使用指南（窗口篇）">
        <span class="has-mr-6">1.2.4</span>
        <span>tmux使用指南（窗口篇）</span>
        </a></li><li>
        <a class="is-flex" href="#tmux美化篇">
        <span class="has-mr-6">1.2.5</span>
        <span>tmux美化篇</span>
        </a></li><li>
        <a class="is-flex" href="#tumx配置篇">
        <span class="has-mr-6">1.2.6</span>
        <span>tumx配置篇</span>
        </a></li><li>
        <a class="is-flex" href="#常用按键">
        <span class="has-mr-6">1.2.7</span>
        <span>常用按键</span>
        </a></li><li>
        <a class="is-flex" href="#具体配置">
        <span class="has-mr-6">1.2.8</span>
        <span>具体配置</span>
        </a></li></ul></li></ul></li></ul>
        </div>
    </div>
</div>


    
    
        <div class="column-right-shadow is-hidden-widescreen ">
        
        </div>
    
</div>

                
            </div>
        </div>
    </section>
    <footer class="footer">
    <div class="container">
        <div class="level">
            <div class="level-start has-text-centered-mobile">
                <a class="footer-logo is-block has-mb-6" href="/">
                
                    <img src="/images/logo.svg" alt="Vimrc配置" height="28">
                
                </a>
                <p class="is-size-7">
                &copy; 2020 Alpaca&nbsp;
                Powered by <a href="http://hexo.io/" target="_blank">Hexo</a> & <a
                        href="http://github.com/ppoffice/hexo-theme-icarus" target="_blank">Icarus</a>
                
                <br>
                <span id="busuanzi_container_site_uv">
                Visited by <span id="busuanzi_value_site_uv">0</span> users
                </span>
                
                </p>
            </div>
            <div class="level-end">
            
                <div class="field has-addons is-flex-center-mobile has-mt-5-mobile is-flex-wrap is-flex-middle">
                
                
                <p class="control">
                    <a class="button is-white is-large" target="_blank" title="CC BY-NC-SA 4.0" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">
                        
                        <i class="fab fa-creative-commons"></i>&nbsp;<i class="fab fa-creative-commons-by"></i>&nbsp;<i class="fab fa-creative-commons-nc"></i>&nbsp;<i class="fab fa-creative-commons-sa"></i>&nbsp;
                        
                    </a>
                </p>
                
                <p class="control">
                    <a class="button is-white is-large" target="_blank" title="AlphaLxy GitHub" href="https://www.github.com/AlphaLxy">
                        
                        <i class="fab fa-github"></i>&nbsp;
                        
                    </a>
                </p>
                
                </div>
            
            </div>
        </div>
    </div>
</footer>

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/moment@2.22.2/min/moment-with-locales.min.js"></script>
<script>moment.locale("en");</script>


    
    
    
    <script src="/js/animation.js"></script>
    

    
    
    
    <script src="https://cdn.jsdelivr.net/npm/lightgallery@1.6.8/dist/js/lightgallery.min.js" defer></script>
    <script src="https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/js/jquery.justifiedGallery.min.js" defer></script>
    <script src="/js/gallery.js" defer></script>
    

    
    

<div id="outdated">
    <h6>Your browser is out-of-date!</h6>
    <p>Update your browser to view this website correctly. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/" target="_blank" rel="noopener">Update
            my browser now </a></p>
    <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a></p>
</div>
<script src="https://cdn.jsdelivr.net/npm/outdatedbrowser@1.1.5/outdatedbrowser/outdatedbrowser.min.js" defer></script>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        outdatedBrowser({
            bgColor: '#f25648',
            color: '#ffffff',
            lowerThan: 'flex'
        });
    });
</script>


    
    
<script src="https://cdn.jsdelivr.net/npm/mathjax@2.7.5/unpacked/MathJax.js?config=TeX-MML-AM_CHTML" defer></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
    MathJax.Hub.Config({
        'HTML-CSS': {
            matchFontHeight: false
        },
        SVG: {
            matchFontHeight: false
        },
        CommonHTML: {
            matchFontHeight: false
        },
        tex2jax: {
            inlineMath: [
                ['$','$'],
                ['\\(','\\)']
            ]
        }
    });
});
</script>

    
    

<a id="back-to-top" title="Back to Top" href="javascript:;">
    <i class="fas fa-chevron-up"></i>
</a>
<script src="/js/back-to-top.js" defer></script>


    
    

    
    
    
    

    
    
    
    
    
    <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.4/dist/clipboard.min.js" defer></script>
    <script src="/js/clipboard.js" defer></script>
    

    
    
    

    


<script src="/js/main.js" defer></script>

    
    <div class="searchbox ins-search">
    <div class="searchbox-container ins-search-container">
        <div class="searchbox-input-wrapper">
            <input type="text" class="searchbox-input ins-search-input" placeholder="Type something..." />
            <span class="searchbox-close ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
        </div>
        <div class="searchbox-result-wrapper ins-section-wrapper">
            <div class="ins-section-container"></div>
        </div>
    </div>
</div>
<script>
    (function (window) {
        var INSIGHT_CONFIG = {
            TRANSLATION: {
                POSTS: 'Posts',
                PAGES: 'Pages',
                CATEGORIES: 'Categories',
                TAGS: 'Tags',
                UNTITLED: '(Untitled)',
            },
            CONTENT_URL: '/content.json',
        };
        window.INSIGHT_CONFIG = INSIGHT_CONFIG;
    })(window);
</script>
<script src="/js/insight.js" defer></script>
<link rel="stylesheet" href="/css/search.css">
<link rel="stylesheet" href="/css/insight.css">
    
</body>
</html>